<template>
	<view class="" style="width: 100vw;height: 100vh">
		<view  style="min-height: 100vh">
			<hx-navbar title="全部优惠券" :back="true" :fixed="false" :color="knavTitleColor" barPlaceholder="hidden"
				transparent="auto"></hx-navbar>
		<view class="container">
				<view class="cont_body">
					<view class="" v-for="item in listData">
						<image :src="item.image" mode="widthFix"></image>
					</view>
				</view>
			</view>
		</view>
		</view>
</template>

<script>
	export default {
		data() {
			return {
				listData: [{
					id: 1,
					image: '../../../static/user/allyouhui.png'
				}, {
					id: 2,
					image: '../../../static/user/allyouhui.png'
				}, {
					id: 3,
					image: '../../../static/user/allyouhui.png'
				}, {
					id: 4,
					image: '../../../static/user/allyouhui.png'
				}, {
					id: 5,
					image: '../../../static/user/allyouhui.png'
				}]
			}
		},
		onPullDownRefresh() {

			setTimeout(function() {
				uni.stopPullDownRefresh()
			}, 2000)
		},
		methods: {

		}
	}
</script>

<style scoped lang="scss">
	.container {
		padding: 10rpx 40rpx 40rpx;
	}

	.cont_body {
		width: 690rpx;
		margin: 20rpx auto;
		height: 100%;
		background-color: #fff;
		border-radius: 30rpx;
		padding: 35rpx 45rpx;
		text-align: center;

		image {
			width: 600rpx;
			margin-bottom: 30rpx;
		}
	}
</style>